<template>
	<view class="funs">
		<view class="funs_card">
			<view class="title mdTitle Han">
				常用功能
			</view>
			
			<view class="funsLine">
				<view class="funsItem">
					<image src="../../../static/imgs/refresh.png" mode=""></image>
					<text class="funcName smTitle">简历刷新</text>
					<text class="funcInfo md4Text">02-12 11:32</text>
				</view>
				
				<view class="funsItem">
					<image src="../../../static/imgs/jobState.png" mode=""></image>
					<text class="funcName smTitle">求职状态</text>
					<text class="funcInfo md4Text">离岗-随时到岗</text>
				</view>
				
				<view class="funsItem" @tap="goResume">
					<image src="../../../static/imgs/resumeState.png" mode=""></image>
					<text class="funcName smTitle">简历状态</text>
					<text class="funcInfo md4Text">简历已打开</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
				
			return{
			}
		},
		methods:{
			goResume(){
				this.$emit('showResume');
			}
		}
	}
</script>

<style scoped lang="less">
	.funs{
		width: 100%;
		padding: 20upx 30upx;
		
		.funs_card{
			width: 686upx;
			
			height: 328upx;
			border-radius: 16upx;
			background-color: #fff;
			
			.title{
				padding: 44upx 0 0 36upx;
			}
			
			.funsLine{
				display: flex;
				justify-content: space-between;
				padding: 0 30upx;
				.funsItem{
					display: flex;
					flex-direction: column;
					align-items: center;
					margin-top: 50upx;
					image{
						width: 80upx;
						height: 80upx;
						
					}
					text{
						text-align: center;
					}
					
					.funcName{
						color: #333;
						padding-bottom: 10upx;
					}
					.funcInfo{
						color: #999999;
					}
				}
			}
		}
	}
</style>
